@import "./sass/_variable.scss";

#raForm {
  position: relative;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  * {
    box-sizing: border-box;
  }
  & > fieldset {
    display: block;
    background-color: #fff;
    color: #666;
    font-size: 14rem / $baseFontSize;
  }
  legend {
    display: block;
    width: 100%;
    span {
      position: relative;
      display: inherit;
      height: 55rem / $baseFontSize;
      line-height: 55rem / $baseFontSize;
      font-size: 16rem / $baseFontSize;
      color: #333;
      text-indent: 15rem / $baseFontSize;
      background-color: #eefbf2;
      background-image: url("../images/sj_down.png");
      background-repeat: no-repeat;
      background-position: calc(100% - 20px) center;
      background-size: 15rem / $baseFontSize 9rem / $baseFontSize;
      &:after {
        @include scaleBottom;
      }
    }
  }
  fieldset > div, fieldset > ul {
    display: none;
    position: relative;
    padding: 0 15rem / $baseFontSize;
    font-size: 14rem / $baseFontSize;
    height: 48rem / $baseFontSize;
    line-height: 48rem / $baseFontSize;
    &:not(:last-child):after {
      @include scaleBottom;
    }
  }
  fieldset > div {
    span {
      position: absolute;
      display: inline-block;
      line-height: 48rem / $baseFontSize;
      right: 15rem / $baseFontSize;
    }
    label {
      display: block;
      min-width: 7em;
    }
    input {
      display: block;
      flex: 1;
      border: none;
      font-size: 14rem / $baseFontSize;
      color: #555;
    }
    input[type="date"]{
      -webkit-appearance: none;
      background-color: #fff;
      font-family: 'Microsoft YaHei', Arial;
      line-height: 1;
      align-self: center;
      font-size: 14rem / $baseFontSize;
    }
    input[disabled], textarea[disabled]{
      background-color: #fff;
    }
    &.textBox {
      display: none;
      height: auto;
      textarea {
        display: block;
        width: 100%;
        resize: none;
        box-sizing: border-box;
        line-height: 2;
        text-align: justify;
        color: inherit;
        font-family: 'Microsoft YaHei', Arial;
        font-size: 14rem / $baseFontSize;
        border: none;
      }
    }
  }
  fieldset > ul {
    height: auto;
    line-height: 1.4;
    padding: 10rem / $baseFontSize;
    text-align: justify;
    & > li {
      margin-bottom: 10rem / $baseFontSize;
    }
    h3 {
      font-weight:normal;
      font-size: 16rem / $baseFontSize;
    }
    p {
      font-size: 14rem / $baseFontSize;
      text-indent: 1em;
    }
    label, span {
      display: block;
    }
    label {
      position: relative;
      height: 36rem / $baseFontSize;
      line-height: 36rem / $baseFontSize;
      font-size: 14rem / $baseFontSize;

      &:after {
        @include scaleBottom;
      }
    }
    input[type="radio"] {
      display: none;
      &:checked + span {
        background: url("../images/gou.png") no-repeat right center;
      }
    }
  }
  fieldset.current {
    margin-bottom: 10rem / $baseFontSize;
    & > div {
      display: flex;
      &.textBox {
        display: block;
      }
    }
    & > ul {
      display: block;
    }
    legend {
      span {
        background-image: url("../images/sj_up.png");
      }
    }
    .upload-img-box {
      display: block;
      padding: 12rem / $baseFontSize 15rem / $baseFontSize;
    }
  }
  .upload-img-box {
    font-size: 0;
    height: auto;
    .extraDiv {
      position: relative;
      //overflow: hidden;
      &:after{
        content: '';
        @include clear;
      }
    }
    .add-imgBox {
      display: inline-block;
      padding: 5rem / $baseFontSize;
      box-sizing:border-box;
      position: relative;
      width:25%;
      float:left;
      line-height: 0rem;
      img + .ion {
        position: absolute;
        font-size: 25rem / $baseFontSize;
        right: -5rem / $baseFontSize;
        top: -5rem / $baseFontSize;
        color: #f00;
        z-index: 99;
      }
      img {
        width: 100%;
        height: 75rem / $baseFontSize;
      }
    }
    /*.btn-addImg {
      background: url("../images/add_img.png") no-repeat center;
      background-size: 100%;
    }*/
    .companypic {
      font-size: 14rem / $baseFontSize;
    }
  }
  .remark {
    font-size: 16rem / $baseFontSize;
    height: 22rem / $baseFontSize;
    line-height: 22rem / $baseFontSize;
  }
  .weui-btn_primary {
    background-color: #009e4c;
  }
  .weui-btn {
    position: relative;
    display: inline-block;
    width: 48%;
    margin: 0 1%;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 3;
    border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
  }
  .weui-btn.btn-block {
    display: block;
    width: auto;
    margin: 0 15rem / $baseFontSize;
  }
  .weui-btn-area {
    margin: 16rem / $baseFontSize 2.4rem / $baseFontSize;
    font-size: 0;
  }
  .ra_indent{
    text-indent: 20rem / $baseFontSize;
  }
}
